<!------------------------------------------------------------------------------------------------------------------------------------------
Autor: Jonathan Vindas Abarca
Fecha: 21-05-2012
Descripción: 
Esta página es creada para mostrar un listado de transportista, ademas se pueden ejecutar varias acciones como busquedas de 
transportista, realizar la eliminación o edición de un transportista especifico.
-------------------------------------------------------------------------------------------------------------------------------------------->
<?php
    //Este include no puede faltar en ninguna pagina ya que asegura que el usuario este logeado y que no se ha pasado del limite de 20 minutos
    include ("../vistas/bloqueDeSeguridad.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Sistema de AX Plus</title>
        

        <link type="text/css" href="../css/tablaListas.css" rel="stylesheet" />
        <link type="text/css" href="../css/principal.css" rel="stylesheet" />
        <link type="text/css" href="../css/jquery.alerts.css" rel="stylesheet" />
        <link type="text/css" href="../css/menuEmergente.css" rel="stylesheet" />
        <link type="text/css" href="../css/jquery.message.css" rel="stylesheet" media="screen"/>


        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/funciones.js"></script>          
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.dataTables.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jslistadopaises.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.message.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.validate.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/ajax.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.alerts.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.draggable.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.core.js"></script>
        <script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.datepicker.js"></script>
</head>
<?php
        error_reporting(0); 
        session_start();
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 0);
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 1);
        // La variable de usuario es $_SESSION["s_username"]
    ?>
<script type="text/javascript">

			$(form).ready( function() {

				$("#alert_button").click( function() {
					jAlert('This is a custom alert box', 'Alert Dialog');
				});

				$("#eliminar").onMouseover( function() {
					jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
						jAlert('Confirmed: ' + r, 'Confirmation Results');
					});
				});

				$("#prompt_button").click( function() {
					jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
						if( r ) alert('You entered ' + r);
					});
				});

				$("#alert_button_with_html").click( function() {
					jAlert('You can use HTML, such as <strong>bold</strong>, <em>italics</em>, and <u>underline</u>!');
				});

				$(".alert_style_example").click( function() {
					$.alerts.dialogClass = $(this).attr('id'); // set custom style class
					jAlert('This is the custom class called &ldquo;style_1&rdquo;', 'Custom Styles', function() {
						$.alerts.dialogClass = null; // reset to default
					});
				});
			});

</script>
<!----------------------------------------------------------------------------------------------->
<!-- Aqui realizamos el menu horizontal verde oscuro que contiene los diferentes mantenimientos-->
<!----------------------------------------------------------------------------------------------->
<div id="menucontainer">
    <ul id="menuHorizontal">
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" target="Principal">Guías</a>
          </li>
     <!--<li>
              <a href="../vistas/paginaPrincipal.php?accion=listarLineas&controlador=lineas" target="Principal">Lineas</a>
          </li>
          <li>
           <a href="../vistas/paginaPrincipal.php?accion=listarLineaDetalles&controlador=lineaDetalle" target="Principal">Linea Detalle</a>
          </li>-->
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarEmbalajes&controlador=embalajes" target="Principal">Embalajes</a>
          </li>
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarPrecios&controlador=precios" target="Principal">Precios</a>
          </li>
          <li>
              <a href="../vistas/paginaPrincipal.php?accion=listarTransportistas&controlador=transportistas" target="Principal">Transportistas</a>
          </li>
    </ul>
</div>
<!----------------------------------------------------------------------------------------------->
<form method="post" id="form" action="../vistas/paginaPrincipal.php?accion=modificarTransportistas&controlador=transportistas">
    <!--En este form se envia al accion de editar los tranportistas-->
    <input type="hidden" name="hddCodTransportista" id="hddCodTransportista" value=""/>
    <input type="hidden" name="hddVia" id="hddVia" value=""/>
    
    <td>
        <input style="display:none" type="submit" name="btnEdit" id="btnEdit" value="Editar" onClick=""/>
    </td>
</form>
<form method="post" id="form" action="../vistas/paginaPrincipal.php?accion=eliminarEmbalajes">
    <!--En este form se envia al accion de eliminar los embalajes-->
     <td>
         <input style="display:none" type="submit" name="delete" id="delete" value="Eliminar" onClick=""/>

     </td>
</form>

<!-- Se crea la tabla contenedora -->
<article id="contenido">
    <table>

            <tr> <td>
                    <a href="../vistas/paginaPrincipal.php?accion=listarGuias&controlador=guias" class="button back">Atr&aacute;s</a>
                    <a href="../vistas/paginaPrincipal.php?accion=direccionarAgregarTransportistas&controlador=transportistas" class="button add" target="Principal">Agregar</a>
            </td></tr>            
       </table>
    <br><br>
    <table> <!--Esto es para mostrar el titulo de cada mantenimiento-->
        <div class="tituloListar">
             <tr><h1> <center><font color="#B40404"> Lista de Transportistas</font> </center> </h1></tr>
             <br><br>
        </div>
      
    </table>
    
    
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="tabla_lista_paises">
        <thead>
            <tr>
                 <th>C&oacute;digo</th><!--Estado-->
                <th>Descripci&oacute;n</th>
                <th>Editar</th>
                <th>Eliminar</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th></th>
                <th></th>
            </tr>
        </tfoot>
        <tbody>
         <?php foreach($items as $item){ ?>
                <tr>
                    <td><?php echo $item['CodTransportista']?></td>
                    <td><?php echo $item['Via']?></td>
                    <td><center><a href="javascript:document.getElementById('btnEdit').click()" onMouseOver="editarTransportista(this.parentNode.parentNode.parentNode);" title="Editar"><img src="../vistas/Imagenes/edit.png" alt="Editar"/> </a></center></td>               
                    <td><center><a href="../vistas/paginaPrincipal.php?accion=eliminarTransportistas&controlador=transportistas&txtCodTransportista=<?php echo $item['CodTransportista']?>"id ="eliminar" ><img src="../vistas/Imagenes/delete.png" alt="Eliminar"/> </a></center></td>
                </tr>
            <?php } ?>
        </tbody>
    </table>        
</article>
</html>